<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html class="no-js" lang="en">
<head>
<meta name="viewport" content="width=device-width">
<title>Foundation 4</title>

<link rel="stylesheet" href="resources/css/foundation.css"
	type="text/css" />
<link rel="stylesheet" href="resources/css/jquery-ui.css"
	type="text/css" />
<script src="resources/js/vendor/custom.modernizr.js"></script>
</head>
<body>
	<!-- Navigation -->
	<nav class="top-bar"> <section class="top-bar-section">
	<!-- Left Nav Section -->
	<ul class="left">
		<li class="has-dropdown"><a href="#">Main Item 1</a>
			<ul class="dropdown">
				<li><label>Section Name</label></li>
				<li class="has-dropdown"><a href="#" class="">Has Dropdown,
						Level 1</a>
					<ul class="dropdown">
						<li><a href="#">Dropdown Options</a></li>
						<li><a href="#">Dropdown Options</a></li>
						<li><a href="#">Level 2</a></li>
						<li><a href="#">Subdropdown Option</a></li>
						<li><a href="#">Subdropdown Option</a></li>
						<li><a href="#">Subdropdown Option</a></li>
					</ul></li>
				<li><a href="#">Dropdown Option</a></li>
				<li><a href="#">Dropdown Option</a></li>
				<li class="divider"></li>
				<li><label>Section Name</label></li>
				<li><a href="#">Dropdown Option</a></li>
				<li><a href="#">Dropdown Option</a></li>
				<li><a href="#">Dropdown Option</a></li>
				<li class="divider"></li>
				<li><a href="#">See all &rarr;</a></li>
			</ul></li>
		<li class="divider"></li>
		<li><a href="#">Main Item 2</a></li>
		<li class="divider"></li>
		<li class="has-dropdown"><a href="#">Main Item 3</a>
			<ul class="dropdown">
				<li><a href="#">Dropdown Option</a></li>
				<li><a href="#">Dropdown Option</a></li>
				<li><a href="#">Dropdown Option</a></li>
				<li class="divider"></li>
				<li><a href="#">See all &rarr;</a></li>
			</ul></li>
		<li class="has-dropdown"><a href="#">Main Item 4</a>
			<ul class="dropdown">
				<li><a href="#">Dropdown Option</a></li>
				<li><a href="#">Dropdown Option</a></li>
				<li><a href="#">Dropdown Option</a></li>
				<li class="divider"></li>
				<li><a href="#">See all &rarr;</a></li>
			</ul></li>
	</ul>
	<ul>
		<ul class="right">
			<sec:authorize access="isAnonymous()">
				<li><a href="registration">registrieren</a></li>
				<li><a href="#" data-reveal-id="loginModal">Login</a></li>
			</sec:authorize>
			<sec:authorize access="isAuthenticated()">
				<form:form name="f" action="logout" method="POST">
					<div class="row">
						<div class="two columns"></div>
						<div class="ten columns">
							<input type="submit" value="Logout" class="button small success">
						</div>
					</div>
				</form:form>
				<a href="<c:url value="/j_spring_security_logout" />">Logout</a>
			</sec:authorize>

		</ul>
	</ul>
	</section> </nav>
	<div id="loginModal" class="reveal-modal">
		<form:form name="f" action="home" method="POST">
			<fieldset>
				<legend>Login</legend>
				<div class="row">
					<div class="two columns">
						<label class="left inline">
							<div>Username:</div>
						</label>
					</div>
					<div class="ten columns">
						<input type="text" class="eight" name="username" />
					</div>
				</div>
				<div class="row">
					<div class="two columns">
						<label class="left inline">
							<div>Passwort:</div>
						</label>
					</div>
					<div class="ten columns">
						<input type="password" class="eight" name="password" />
					</div>
				</div>
				<div class="row">
					<div class="two columns"></div>
					<div class="ten columns">
						<input type="submit" class="button small success"> <a
							href="#" class="button small alert">Passwort vergessen ?</a>
					</div>
				</div>
			</fieldset>
		</form:form>
	</div>
	<!-- End Top Bar -->